<template>
  <el-container id="base-container" class="w-screen h-screen">
    <BaseLayoutAside />
    <el-container>
      <el-header id="base-layout-header" class="bg-white !h-56 leading-56 !px-10">
        <base-layout-header />
      </el-header>
      <base-laout-tabs />
      <el-main id="base-layout-main" class="!p-10">
        <base-layout-main />
      </el-main>
      <el-footer
        v-if="false"
        id="base-layout-footer"
        class="bg-white !h-40 leading-40 !px-10 text-center"
      >
        <base-layout-footer />
      </el-footer>
    </el-container>
  </el-container>
</template>

<script lang="ts">
export default {
  name: "BaseLayout",
};
</script>

<script lang="ts" setup>
import BaseLayoutAside from "./aside/aside.vue";
import BaseLayoutHeader from "./header/header.vue";
import BaseLaoutTabs from "./tabs/tabs.vue";
import BaseLayoutMain from "./main/main.vue";
import BaseLayoutFooter from "./footer/footer.vue";
</script>
